<template>
  <div>
    <div class="g-cur">
      <div class="wp">
        <NuxtLink to="/" class="a">个人中心</NuxtLink><span> / </span><NuxtLink to="/" class="a">我的资产</NuxtLink><span> / </span><span class="s">提现</span>
      </div>
    </div>
    <div class="wp">
      <div class="m-withdrawall">
        <div class="record">
          <div class="ll">提现记录</div>
          <div class="m-selectl">
            <a-select
              ref="select"
              v-model:value="value1"
              style="width: 200px"
            >
              <a-select-option :value="1">近7天</a-select-option>
              <a-select-option :value="2">近半个月</a-select-option>
              <a-select-option :value="3">近一个月</a-select-option>
              <a-select-option :value="4">近三个月</a-select-option>
            </a-select>
          </div>
        </div>
        <div class="m-tablel">
          <a-table :dataSource="data.dataSource" :columns="data.columns" :pagination="false" :scroll="{ x: 750 }">
            <template #bodyCell="{ column , record }">
              <template v-if="column.key === 'state'">
                <div class="green" v-if="record.state == 0">提现成功</div>
                <div class="orange" v-if="record.state == 1">待审核</div>
                <div class="red" v-if="record.state == 2">
                  审核未通过
                    <a-tooltip>
                      <template #title>{{record.tips}}</template>
                      <i class="icon"></i>
                    </a-tooltip>
                </div>
              </template>
            </template>
          </a-table>
        </div>
        <div class="m-pages">
          <a-pagination v-model:current="current1" show-quick-jumper :total="500" />
        </div>
      </div>
    </div>
  </div>
</template>
<script setup>

import { reactive, ref, onMounted } from 'vue';
const value1 = ref('近7天');
const data = ref({
  dataSource: [
    {
      key: '1',
      sort: '1',
      time:'2024/06/10 11:40:19',
      sum: '1000',
      account:'Coinbase钱包',
      state:'0',
      tips:'',
    },
    {
      key: '2',
      sort: '2',
      time:'2024/06/10 11:40:19',
      sum: '1000',
      account:'招商VISA:1983U19298172',
      state:'1',
      tips:'',
    },
    {
      key: '3',
      sort: '3',
      time:'2024/06/10 11:40:19',
      sum: '1000',
      account:'BTC钱包',
      state:'2',
      tips:'审核未通过提示提示提示提示',
    },{
      key: '4',
      sort: '4',
      time:'2024/06/10 11:40:19',
      sum: '1000',
      account:'Coinbase钱包',
      state:'0',
      tips:'',
    },
    {
      key: '5',
      sort: '5',
      time:'2024/06/10 11:40:19',
      sum: '1000',
      account:'招商VISA:1983U19298172',
      state:'1',
      tips:'',
    },
    {
      key: '6',
      sort: '6',
      time:'2024/06/10 11:40:19',
      sum: '1000',
      account:'BTC钱包',
      state:'2',
      tips:'审核未通过提示提示提示提示',
    },{
      key: '7',
      sort: '7',
      time:'2024/06/10 11:40:19',
      sum: '1000',
      account:'Coinbase钱包',
      state:'0',
      tips:'',
    },
    {
      key: '8',
      sort: '8',
      time:'2024/06/10 11:40:19',
      sum: '1000',
      account:'招商VISA:1983U19298172',
      state:'1',
      tips:'',
    },
    {
      key: '9',
      sort: '9',
      time:'2024/06/10 11:40:19',
      sum: '1000',
      account:'BTC钱包',
      state:'2',
      tips:'审核未通过提示提示提示提示',
    },,{
      key: '10',
      sort: '10',
      time:'2024/06/10 11:40:19',
      sum: '1000',
      account:'Coinbase钱包',
      state:'0',
      tips:'',
    },
    {
      key: '11',
      sort: '11',
      time:'2024/06/10 11:40:19',
      sum: '1000',
      account:'招商VISA:1983U19298172',
      state:'1',
      tips:'',
    },
    {
      key: '12',
      sort: '12',
      time:'2024/06/10 11:40:19',
      sum: '1000',
      account:'BTC钱包',
      state:'2',
      tips:'审核未通过提示提示提示提示',
    },
  ],

  columns: [
    {
      title: '排序',
      dataIndex: 'sort',
      key: 'sort',
    },
    {
      title: '时间',
      dataIndex: 'time',
      key: 'time',
    },
    {
      title: '提现金额（USD）',
      dataIndex: 'sum',
      key: 'sum',
    },
    {
      title:'提现账户',
      dataIndex: 'account',
      key: 'account',
    },
    {
      title:'状态',
      dataIndex: 'state',
      key: 'state',
    }
  ],
});

const current1 = ref(2);

</script>

<style>
</style>
